<template>
  <div>
    <a-form-model-item label="糖足检查" :labelCol="{ span: 3 }">
      <a-radio-group v-model="physical.footSugarFootInspection">
        <a-radio :value="1"> 异常 </a-radio>
        <a-radio :value="2"> 无异常 </a-radio>
      </a-radio-group>
    </a-form-model-item>

    <template v-if="physical.footSugarFootInspection == 1">
      <a-divider />

      <a-row :gutter="[8, 8]">
        <a-col :span="8">
          <a-form-model-item label="足背/胫后动脉触诊" :labelCol="{ span: 8 }">
            <a-select
              :style="{ marginLeft: '2rem', width: '170px' }"
              v-model="physical.footPalpationOfDorsalisPedisArtery"
            >
              <a-select-option :value="1"> 正常 </a-select-option>
              <a-select-option :value="2"> 缺失 </a-select-option>
              <a-select-option :value="3"> 减弱 </a-select-option>
            </a-select>
          </a-form-model-item>
        </a-col>
        <a-col :span="8">
          <a-form-model-item label="振动觉" :labelCol="{ span: 8 }">
            <a-select :style="{ marginLeft: '2rem', width: '170px' }" v-model="physical.footVibrationSense">
              <a-select-option :value="1"> 正常 </a-select-option>
              <a-select-option :value="2"> 缺失 </a-select-option>
            </a-select>
          </a-form-model-item>
        </a-col>
        <a-col :span="8">
          <a-form-model-item label="针刺痛觉" :labelCol="{ span: 8 }">
            <a-select :style="{ marginLeft: '2rem', width: '170px' }" v-model="physical.footAcupuncturePain">
              <a-select-option :value="1"> 正常 </a-select-option>
              <a-select-option :value="2"> 缺失 </a-select-option>
            </a-select>
          </a-form-model-item>
        </a-col>
      </a-row>

      <a-row :gutter="[8, 8]">
        <a-col :span="8">
          <a-form-model-item label="压力觉" :labelCol="{ span: 8 }">
            <a-select :style="{ marginLeft: '2rem', width: '170px' }" v-model="physical.footPressureSense">
              <a-select-option :value="1"> 正常 </a-select-option>
              <a-select-option :value="2"> 缺失 </a-select-option>
            </a-select>
          </a-form-model-item>
        </a-col>
        <a-col :span="8">
          <a-form-model-item label="踝反射" :labelCol="{ span: 8 }">
            <a-select :style="{ marginLeft: '2rem', width: '170px' }" v-model="physical.footAnkleReflex">
              <a-select-option :value="1"> 正常 </a-select-option>
              <a-select-option :value="2"> 缺失 </a-select-option>
              <a-select-option :value="3"> 减弱 </a-select-option>
              <a-select-option :value="4"> 亢进 </a-select-option>
            </a-select>
          </a-form-model-item>
        </a-col>
        <a-col :span="8">
          <a-form-model-item label="温度觉" :labelCol="{ span: 8 }">
            <a-select :style="{ marginLeft: '2rem', width: '170px' }" v-model="physical.footTemperatureSense">
              <a-select-option :value="1"> 正常 </a-select-option>
              <a-select-option :value="2"> 缺失 </a-select-option>
            </a-select>
          </a-form-model-item>
        </a-col>
      </a-row>

      <a-row :gutter="[8, 8]">
        <a-col :span="8">
          <a-form-model-item label="神经传导" :labelCol="{ span: 8 }">
            <a-select :style="{ marginLeft: '2rem', width: '170px' }" v-model="physical.footNerveConduction">
              <a-select-option :value="1"> 正常 </a-select-option>
              <a-select-option :value="2"> 缺失 </a-select-option>
            </a-select>
          </a-form-model-item>
        </a-col>

        <a-col :span="8"> </a-col>

        <a-col :span="8"> </a-col>
      </a-row>
    </template>
    <!-- <a-divider orientation="left" :style="{ marginTop: '40px' }">上传体格检查报告单</a-divider>
    <a-form-model-item label="报告名称">
      <a-input v-model="physical.footReportName" :max-length="20" :style="{ width: '300px' }" />
    </a-form-model-item>

    <a-form-model-item label="报告结论">
      <a-textarea
        :maxLength="500"
        v-model="physical.footReportContent"
        placeholder=""
        :auto-size="{ minRows: 7, maxRows: 10 }"
        :style="{ width: '300px' }"
      />
      <div
        v-if="physical.footReportContent != null && physical.footReportContent.length > 0"
        :style="{ display: 'inline-block', marginLeft: '1rem' }"
      >
        {{ physical.footReportContent.length }}/500
      </div>
    </a-form-model-item>

    <a-form-model-item v-bind="tailFormItemLayout">
      <j-image-upload
        text="上传"
        v-model="physical.footReportPhoto"
        :is-multiple="true"
        :style="{ marginTop: '1.5rem' }"
        :preview="true"
        :img-arr="
          Array.isArray(physical.footReportPhoto)
            ? physical.footReportPhoto
            : physical.footReportPhoto
            ? physical.footReportPhoto.split(',')
            : []
        "
      ></j-image-upload>
    </a-form-model-item> -->
  </div>
</template>

<script>
export default {
  name: 'SugarFootChecking',
  props: ['physical'],
  data() {
    return {
      tailFormItemLayout: {
        wrapperCol: {
          xs: {
            span: 24,
            offset: 0
          },
          sm: {
            span: 12,
            offset: 2
          }
        }
      }
    }
  },
  methods: {
    handleChange(value) {
      console.log(`selected ${value}`)
    }
  }
}
</script>

